<!--JS操作from、焦点事件-->
<html>
	<head>
		<meta charset="UTF-8">
		<title>JS操作from、焦点事件</title>
	</head>
	<body>
		<form name="frm" onsubmit="return checkform()">
			<!--onsubmit必须是配合submit使用-->
			<input type="text" name="user" id="userid" value="abc123" /><br />
			<input type="text" name="pwd" value="" /><br />
			<input type="submit" value="提交"/>
			<input type="button" id="btn" value="全选用户名框的字符" />
		</form>
		
	</body>
	<script type="text/javascript">
		function checkform(){
			return false;//根据这里的返回值决定表单是否提交
		}
		document.frm.method="get";
		document.frm.action="del.php";
		var user = document.frm.user.value;
		console.log(user);
		
		document.frm.pwd.value="JS write";
//		document.frm.pwd.focus();//进入页面默认获取焦点
		document.frm.pwd.onfocus=function(){
			console.log("密码框获取焦点");
		}
		document.frm.pwd.onblur=function(){
			console.log("密码框失去焦点");
		}
		
		btn.onclick=function(){
			userid.select();
		}
		var patt1 = /^[a-zA-z]\w{5,11}$/;
		var re= patt1.test(user);//检测user是否符合patt1的正则规则
		console.log(re);
/*js焦点事件:onfocus、onblur、focus()、blur()、select()
焦点：使浏览器能够区分用户输入的对象，当一个元素有焦点的时候，那么他就可以接收用户的输入
只有能够响应用户操作额元素才可以接收焦点事件，比如：a button input...
ele.onfocus=function(){}：当元素获取到焦点的时候触发
ele.onblur=function(){}:当元素失去焦点的时候
obj.focus():给指定的元素设置焦点
obj.blur()：取消指定元素的焦点
obj.select()：全选当前的文字*/
	</script>
</html>